html,body {
height: 100%;
}
header {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 101;
/* padding: 0.35rem 1rem 0.25rem; */
height: 0.9rem;
padding: 0.25rem 1rem 0;
}
header.fixed {
background-color: #ffffff;
box-shadow: 0rem 0rem 0.1rem 0rem
rgba(0, 0, 0, 0.1);
}
.header-page {
height: 0.9rem;
background-color: #ffffff;
box-shadow: 0rem 0rem 0.1rem 0rem
rgba(0, 0, 0, 0.1);
padding: 0.25rem 1rem 0;
}
.header-page-t {
background: transparent;
box-shadow: 0rem 0rem 0.1rem 0rem
rgba(0, 0, 0, 0);
}
header .logo {
width: 2.16rem;
height: 0.47rem;
float: left;
/* margin-top: 0.65rem; */
}
header .header-right {
float: right;
/* margin-top: 0.65rem; */
margin-top: 0.1rem;
}
.header-page ..header-right {
margin-top: 0;
}
header .box {
float: left;
}
header .box a {
font-size: 0.2rem;
color: #000000;
margin-right: 0.48rem;
}
header .box a:hover {
color: #c9151e;
}
header .nav-btn {
width: 0.25rem;
float: left;
cursor: pointer;
}
.nav-box {
position: fixed;
right: -3.1rem;
top: 0;
width: 3.1rem;
height: 100%;
background-color: #ffffff;
z-index: 102;
padding: 0.25rem 0.45rem 0;
transition: all .5s;
}
.nav-box.open {
right: 0;
transition: all .5s;
}
.nav-box .colse {
width: 0.18rem;
height: 0.18rem;
float: right;
cursor: pointer;
}
.nav-box .nav {
margin-top: 0.88rem;
}
.nav-box .nav ul li {
border-bottom: 1px solid #e5e5e5;
padding: 0.25rem 0;
}
.nav-box .nav ul li>a,
.nav-box .nav ul li p a {
font-size: 0.14rem;
color: #000000;
}
.nav-box .nav ul li p a {
pointer-events: none;
}
.nav-box .nav ul li p::after {
content: '';
display: block;
float: right;
width: 0.06rem;
height: 0.07rem;
background: url(../img/icon_sanjiao.png) center center no-repeat;
background-size: 100%;
margin-top: 0.15rem;
transition: all .5s;
}
.nav-box .nav ul li p.on::after {
transform: rotate(90deg);
transition: all .5s;
}
.nav-box .nav ul li .hide {
margin-left: 0.3rem;
margin-top: 0.4rem;
display: none;
}
.nav-box .nav ul li .hide a {
font-size: 0.14rem;
color: #666666;
display: block;
margin-bottom: 0.2rem;
}
.banners {
position: relative;
}
.banners,
.banners .swiper-container {
height: 100%;
z-index: 60;
}
/* .banners .swiper-slide>div {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%;
opacity: 1;
background-color: transparent;
z-index: 1;
overflow: hidden;
} */
/* .banners .swiper-slide-active>div {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 1;
} */
.banners .msg {
position: absolute;
left: 3rem;
bottom: 0.8rem;
z-index: 50;
}
.banners .msg p {
font-size: 0.36rem;
color: #ffffff;
margin-bottom: 0.1rem;
}
.banners .msg span {
font-size: 0.24rem;
font-style: italic;
color: #ffffff;
}
/* .banners .swiper-slide-active div,.swiper-slide-duplicate-active div {
transition:3s linear;
transform:scale(1,1);
} */
/* .banners .swiper-slide{
}
.banners .swiper-slide-active,.swiper-slide-duplicate-active{
transition:6s linear;
transform:scale(1,1);
background-size: 120% !important;
} */
.banner {
overflow: hidden;
}
.index-1 {
margin: 0.9rem 1rem 0;
}
.index-1>.title {
text-align: center;
}
.index-1>.title span {
font-size: 0.3rem;
color: #bbbbbb;
}
.index-1>.title p {
font-size: 0.4rem;
color: #333333;
font-weight: bold;
}
.index-1 #tabbox,
.index-1-nav {
text-align: center;
}
.index-1 #tabbox .tabs {
display: inline-block;
margin: 0.33rem 0 0.9rem;
}
.index-1-nav ul {
display: inline-block;
margin: 0.5rem 0 0.2rem;
}
.index-1 #tabbox .tabs li,
.index-1-nav ul li{
font-size: 0.2rem;
color: #555555;
float: left;
padding: 0 0.24rem;
border-right: 1px solid #bfbfbf;
line-height: 1;
cursor: pointer;
}
.index-1-nav ul li {
font-size: 0.26rem;
font-weight: bold;
}
.index-1 #tabbox .tabs li:last-child,
.index-1-nav ul li:last-child{
border: none;
}
.index-1 #tabbox .tabs li a,
.index-1-nav ul li a{
color: #555555;
padding-bottom: 0.1rem;
}
.index-1 #tabbox .tabs li.thistab a{
color: #c9151e;
border-bottom: 0.02rem solid #c9151e;
}
.index-1-nav ul li.active {
color: #c9151e;
}
.index-1 #tabbox .tab_con li {
display: block !important;
width: 5.62rem;
float: left;
margin: 0.5rem 0.16rem 0 0;
}
.index-1 #tabbox .tab_con li:hover .title{
color: #c9151e;
}
.index-1 #tabbox .tab_con li:nth-child(3n){
margin-right: 0;
}
.index-1 #tabbox .tab_con li:nth-child(-n+3){
margin-top: 0;
}
.index-1 #tabbox .tab_con li .pic {
width: 100%;
/* height: 3.62rem; */
height: 4.01rem;
}
.index-1 #tabbox .tab_con li .pic .pic-scale,
.cpzx .list-cpzx ul li .pic .pic-scale{
height: 100%;
transition: all .5s;
}
.index-1 #tabbox .tab_con li:hover .pic .pic-scale,
.cpzx .list-cpzx ul li:hover .pic .pic-scale{
background-size: 103% 103% !important;
}
.index-1 #tabbox .tab_con li .title {
font-size: 0.2rem;
color: #222222;
margin-top: 0.15rem;
}
.index-1 #tabbox .tab_con .more,
.index-news #tabbox .tab_con .more {
width: 1.6rem;
height: 0.6rem;
line-height: 0.6rem;
text-align: center;
border: solid 0.01rem #7d7d7d;
margin: 0.4rem auto 0;
}
.index-1 #tabbox .tab_con .more a,
.index-news #tabbox .tab_con .more a {
font-size: 0.18rem;
color: #222222;
display: block;
}
.index-1 #tabbox .tab_con .more:hover ,
.index-news #tabbox .tab_con .more:hover {
background-color: #c9151e;
border: solid 0.01rem #c9151e;
}
.index-1 #tabbox .tab_con .more:hover a,
.index-news #tabbox .tab_con .more:hover a {
color: #fff;
}
.index-2 {
background: url(../img/index-2_bg.jpg) center center no-repeat;
background-size: cover;
color: #fff;
padding: 0.5rem 1.75rem 0.9rem;
margin-top: 0.6rem;
}
.index-2 .title {
text-align: center;
}
.index-2 .title p {
font-size: 0.9rem;
font-weight: bold;
}
.index-2 .title span {
font-size: 0.4rem;
}
.index-2 ul li {
width: 25%;
float: left;
text-align: center;
margin-top: 0.7rem;
}
.index-2 ul li p {
font-size: 1rem;
color: #c9151e;
font-weight: bold;
margin-bottom: 0.1rem;
}
.index-2 ul li p i {
position: relative;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
}
.index-2 ul li p i::after {
content: '+';
display: block;
font-size: 0.36rem;
color: #c9151e;
display: inline-block;
position: absolute;
right: -0.3rem;
top: 0.1rem;
}
.index-2 ul li span {
font-size: 0.18rem;
}
.index-3 {
margin: 1rem 1rem 0;
}
.index-3 .title {
font-size: 0.4rem;
color: #333333;
text-align: center;
font-weight: bold;
}
.index-3 .box {
height: 3rem;
overflow: hidden;
}
.index-3 ul {
margin-top: 0.35rem;
}
.index-3 ul li {
width: 1.4rem;
height: 0.67rem;
float: left;
margin-right: 0.18rem;
border: 1px solid #efefef;
margin: 0.18rem 0.18rem 0 0;
overflow: hidden;
}
.index-3 ul li:nth-child(11n){
margin-right: 0;
}
.index-4 {
background: url(../img/index-4_bg.jpg) center center no-repeat;
background-size: 100%;
margin-top: 0.85rem;
text-align: center;
padding: 0.9rem 0 0.8rem;
}
.index-4 p {
font-size: 0.3rem;
color: #ffffff;
letter-spacing: 0.03rem;
}
.index-4 span {
font-size: 0.16rem;
color: #ffffff;
opacity: 0.5;
display: block;
margin: 0.2rem 0 0.5rem;
}
.index-4 .more {
width: 1.6rem;
height: 0.5rem;
line-height: 0.5rem;
border: solid 0.01rem #ffffff;
margin: 0 auto;
}
.index-4 .more a {
font-size: 0.16rem;
color: #ffffff;
display: block;
}
.index-4 .more:hover {
background-color: #c9151e;
border: solid 0.01rem #c9151e;
}
.index-4 .more:hover a {
color: #fff;
}
.index-news {
margin: 0.9rem 1rem;
}
.index-news>.title {
text-align: center;
font-size: 0.4rem;
color: #333333;
font-weight: bold;
}
.index-news #tabbox {
text-align: center;
}
.index-news #tabbox .tabs {
display: inline-block;
margin: 0.33rem 0 0.6rem;
}
.index-news #tabbox .tabs li {
font-size: 0.18rem;
color: #555555;
float: left;
padding: 0 0.18rem;
line-height: 1;
}
.index-news #tabbox .tabs li a {
color: #333333;
padding-bottom: 0.1rem;
}
.index-news #tabbox .tabs li.thistab a {
color: #c9151e;
border-bottom: 0.02rem solid #c9151e;
}
.index-news .tab_con {
text-align: left;
}
.index-news .tab_con .recommend {
width: 6.7rem;
float: left;
}
.index-news .tab_con .recommend .pic {
width: 100%;
height: 3.4rem;
position: relative;
}
.index-news .tab_con .recommend .pic img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.index-news .tab_con .recommend .pic:hover img {
transform: translate(-50%,-50%) scale(1.05);
}
.index-news .tab_con .recommend .title {
font-size: 0.25rem;
color: #444444;
margin: 0.4rem 0 0.2rem;
}
.index-news .tab_con .recommend .content {
font-size: 0.16rem;
color: #888888;
}
.index-news .tab_con .list {
width: 9.2rem;
float: right;
}
.index-news .tab_con .list li {
display: block !important;
padding: 0.4rem 0;
border-bottom: 1px solid #e5e5e5;
}
.index-news .tab_con .list li:first-child {
padding-top: 0;
}
.index-news .tab_con .list li:last-child {
border-bottom: none;
}
.index-news .tab_con li .time {
width: 1rem;
text-align: center;
float: left;
}
.index-news .tab_con li .time p {
font-family: Impact;
font-size: 0.72rem;
color: #888888;
line-height: 1;
}
.index-news .tab_con li .time span {
font-size: 0.16rem;
color: #999999;
}
.index-news .tab_con li .msg {
width: 7.5rem;
float: right;
}
.index-news .tab_con li .msg p {
font-size: 0.2rem;
color: #000000;
margin-bottom: 0.2rem;
}
.index-news .tab_con li .msg span {
font-size: 0.16rem;
color: #666666;
}
.index-news .tab_con li:hover .time p,
.index-news .tab_con li:hover .time span {
color: #c9151e;
}
footer {
background-color: #333333;
padding: 0.64rem 1rem 0;
}
footer .logo {
width: 2.11rem;
height: 0.64rem;
margin-bottom: 0.55rem;
}
footer .msg {
width: 5.5rem;
float: left;
}
footer .title {
font-size: 0.24rem;
color: #ffffff;
margin-bottom: 0.5rem;
}
footer .msg .content {
}
footer .msg .content p {
font-size: 0.18rem;
color: #ffffff;
font-weight: bold;
margin-bottom: 0.15rem;
}
footer .msg .content span {
font-size: 0.16rem;
color: #a6a6a7;
display: block;
margin-top: 0.05rem;
}
footer .footer-link {
float: left;
width: 5rem;
margin-left: 1.65rem;
}
footer .footer-link ul {
}
footer .footer-link ul li {
float: left;
width: 1rem;
margin-right: 1rem;
}
footer .footer-link ul li:last-child{
margin-right: 0;
}
footer .footer-link ul li a {
display: block;
font-size: 0.18rem;
color: #a6a6a7;
margin-top: 0.05rem;
}
footer .footer-link ul li a:hover {
color: #c9151e;
}
footer .footer-right {
float: right;
margin-right: 1rem;
}
footer .footer-right .tel {
}
footer .footer-right .tel img {
width: 0.47rem;
float: left;
margin-top: 0.1rem;
margin: 0.15rem 0.1rem 0 0;
}
footer .footer-right .tel div {
float: left;
line-height: 1.2;
}
footer .footer-right .tel div span{
font-size: 0.16rem;
color: #ffffff;
opacity: 0.5;
}
footer .footer-right .tel div p {
font-family: Impact;
font-size: 0.36rem;
color: #ffffff;
}
footer .footer-right .share {
width: 1.4rem;
margin-top: 0.2rem;
}
footer .footer-right .share ul li {
width: 0.4rem;
margin-right: 0.1rem;
float: left;
position: relative;
cursor: pointer;
}
footer .footer-right .share ul li:last-child {
margin-right: 0;
}
footer .footer-right .share ul li .hide {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.45rem;
width: 1.2rem;
height: 1.33rem;
background: url(../img/qr_bg.png) center center no-repeat;
background-size: 100%;
padding: 0.15rem 0.02rem 0.02rem 0.02rem;
display: none;
}
footer .footer-right .share ul li:hover .hide {
display: block;
}
footer .copyright {
padding: 0.3rem 0;
border-top: 1px solid #888888;
margin-top: 0.6rem;
}
footer .copyright,
footer .copyright a{
text-align: center;
font-size: 0.16rem;
color: rgb(255 255 255 / 0.3);
/*opacity: 0.3;*/
}
.banner {
margin-top: 0.9rem;
position: relative;
}
.banner .msg {
position: absolute;
left: 50%;
top: 1.5rem;
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.banner .msg p {
font-size: 0.56rem;
color: #ffffff;
font-weight: bold;
margin-bottom: 0.2rem;
}
.banner .msg span {
font-size: 0.18rem;
color: #ffffff;
opacity: 0.7;
}
.page-nav {
height: 0.72rem;
line-height: 0.72rem;
border-bottom: 1px solid #eeeeee;
text-align: center;
}
.page-nav ol {
display: inline-block;
}
.page-nav ol li {
float: left;
margin: 0 0.21rem;
}
.page-nav ol li a {
font-size: 0.16rem;
color: #888888;
padding-bottom: 0.24rem;
}
.page-nav ol li.on a,
.page-nav ol li:hover a {
color: #c9151e;
border-bottom: 1px solid #c9151e;
font-weight: bold;
}
.about-1 {
margin: 0.55rem 1rem 0;
padding-bottom: 1.3rem;
}
.about-1 .video-box {
width: 7.98rem;
height: 4.5rem;
float: left;
position: relative;
cursor: pointer;
}
.about-1 .video-box video {
width: 100% ;
}
.about-1 .video-box .bofang,
.spcf .video-box .bofang {
width: 100%;
height: 100%;
background:rgba(0, 0, 0, .3);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.about-1 .video-box .bofang img,
.spcf .video-box .bofang img {
width: 1rem;
height: 1rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
transition: all .5s;
}
.about-1 .video-box:hover .bofang img,
.spcf .video-box:hover .bofang img {
transform: translate(-50%,-50%) scale(1.1);
}
.about-1 .msg {
float: right;
width: 8.4rem;
}
.about-1 .msg .title {
font-size: 0.6rem;
color: #333333;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
/* font-family: "FUTWORAPROREGULAR.WOFF2"; */
}
.about-1 .msg .title i {
color: #c9151e;
}
.about-1 .msg .content {
font-size: 0.2rem;
color: #444444;
margin-top: 0.7rem;
}
.about-1 .msg .content p {
margin-top: 0.2rem;
}
.about-1 .introduction {
margin-top: 0.95rem;
}
.about-1 .introduction .title {
font-size: 0.4rem;
color: #333333;
font-weight: bold;
}
.about-1 .introduction .title::after {
content: '';
display: block;
width: 0.6rem;
height: 0.02rem;
background-color: #c9151e;
margin: 0.25rem 0;
}
.about-1 .introduction .content {
font-size: 0.16rem;
color: #444444;
}
.about-1 .introduction .content p {
margin-top: 0.2rem;
}
.about-title {
text-align: center;
}
.about-title p {
font-size: 0.35rem;
color: #333333;
font-weight: bold;
}
.about-title::after {
content: '';
display: block;
width: 0.51rem;
height: 0.03rem;
background-color: #c9151e;
margin: 0.2rem auto 0;
}
.about-2 {
background: url(../img/about-2_bg.jpg) center center no-repeat;
background-size: 100%;
padding: 0.9rem 0 1.2rem;
}
.about-2 .swiper-container {
padding-bottom: 0.15rem;
}
.about-2 .main {
margin: 0.6rem 1rem 0;
}
.about-2 .main>.box {
position: relative;
}
.about-2 .main>.box::after {
}
.about-2 #thumbs {
margin: 0 1.25rem;
}
.about-2 #thumbs::after {
content: '';
display: block;
width: 80%;
height: 1px;
color: #dddddd;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0.05rem;
}
.about-2 #thumbs .swiper-slide {
font-size: 0.18rem;
color: #888;
position: relative;
height: 0.7rem;
transition: all .5s;
}
/* .about-2 #thumbs .swiper-slide p {
height: 0.5rem;
position: absolute;
bottom: 0.2rem;
text-align: center;
}
.about-2 #thumbs .swiper-slide::after {
content: '';
display: block;
width: 0.09rem;
height: 0.09rem;
background-color: #aaaaaa;
margin: 0 auto;
border-radius: 50%;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
} */
.about-2 #thumbs .swiper-slide-thumb-active {
font-size: 0.36rem;
color: #c9151e;
transition: all .5s;
}
.about-2 #thumbs .swiper-slide {
position: relative;
padding-bottom: 0.2rem;
border-bottom: 1px solid #e5e5e5;
visibility: visible;
}
.about-2 #thumbs .swiper-slide .year{
position: absolute;
width: 100%;
text-align: center;
bottom: .8vw;
cursor: pointer;
}
.about-2 #thumbs .swiper-slide .circle{
cursor: pointer;
position: absolute;
left: 50%;
bottom: -0.06rem;
width: 0.13rem;
height: 0.13rem;
background-color: #aaaaaa;
border-radius: 50%;
}
.about-2 #thumbs .swiper-slide-thumb-active .circle {
width: 0.27rem;
height: 0.27rem;
bottom: -0.13rem;
background: url(../img/icon_yuan.png) center center no-repeat;
background-size: 100%;
}
.about-2 #gallery {
margin: 0.6rem 1.7rem 0;
}
.about-2 #gallery .box {
padding: 0.3rem 0.2rem;
border-bottom: 1px solid #dddddd;
}
.about-2 #gallery .box .pic {
width: 6.16rem;
height: 3.23rem;
float: left;
}
.about-2 #gallery .box .msg {
width: 6.08rem;
float: left;
font-size: 0.18rem;
color: #333333;
margin: 1.1rem 0 0 0.7rem;
line-height: 1.6;
}
.about-2 .swiper-button-prev {
width: 1.01rem;
height: 1.01rem;
background: url(../img/about-2_left.png) center center no-repeat;
background-size: 100%;
outline: none;
/* top: 63%; */
}
.about-2 .swiper-button-next {
width: 1.01rem;
height: 1.01rem;
background: url(../img/about-2_right.png) center center no-repeat;
background-size: 100%;
outline: none;
/* top: 63%; */
}
.about-3 {
margin: 0.8rem 1rem 0;
}
.about-3 .box {
margin-top: 0.6rem;
}
.about-3 .box .about-3-left {
width: 6.95rem;
float: left;
}
.about-3 .box .about-3-left ul li {
width: 3.47rem;
height: 3.5rem;
background-color: #c9151e;
float: left;
padding: 1.1rem 0.4rem 0 0.5rem;
}
.about-3 .box .about-3-left ul li p {
font-size: 0.36rem;
color: #ffffff;
}
.about-3 .box .about-3-left ul li span {
font-size: 0.16rem;
color: #ffffff;
margin: 0.2rem 0;
display: block;
}
.about-3 .box .about-3-left ul li i {
font-size: 0.14rem;
color: #ffffff;
opacity: 0.5;
line-height: 1.2;
display: block;
}
.about-3 .box .about-3-left ul li:nth-child(2) {
padding: 0;
}
.about-3 .box .about-3-left ul li:nth-child(3) {
background-color: #eeeeee;
padding-top: 0.95rem;
}
.about-3 .box .about-3-left ul li:nth-child(4) {
background-color: #313131;
padding-top: 0.95rem;
}
.about-3 .box .about-3-left ul li:nth-child(3) p,
.about-3 .box .about-3-left ul li:nth-child(3) span {
color: #222222;
}
.about-3 .box .about-3-left ul li:nth-child(3) i {
color: #222222;
opacity: 0.5;
}
.about-3 .about-3-right {
width: 10.2rem;
height: 7rem;
float: right;
background: url(../img/about-3_bg.jpg) center center no-repeat;
background-size: 100%;
padding: 0.65rem 0 0 0.55rem;
}
.about-3 .about-3-right .title {
font-size: 0.4rem;
color: #222222;
}
.about-3 .about-3-right ul {
margin-top: 0.35rem;
width: 4.8rem;
}
.about-3 .about-3-right ul li {
margin-bottom: 0.2rem;
}
.about-3 .about-3-right ul li p {
font-size: 0.16rem;
color: #333333;
margin-bottom: 0.05rem;
}
.about-3 .about-3-right ul li span {
font-size: 0.14rem;
color: #999999;
display: block;
line-height: 1.2;
}
.about-4 {
background-color: #f5f5f5;
padding: 0.8rem 1rem;
margin-top: 0.9rem;
}
.about-4 .about-title {
/*text-align: left;*/
}
.about-4 .about-title::after {
/*margin-left: 0;*/
}
.about-4 .box {
position: relative;
padding-bottom: 1.25rem;
margin-top: 0.5rem;
text-align: center;
}
.about-4 .box .swiper-container {
display: inline-block;
}
.about-4 .box .swiper-slide {
text-align: center;
min-width: 2rem;
}
.about-4 .box .swiper-slide .pic {
height: 3.2rem;
overflow: hidden;
}
.about-4 .box .swiper-slide p {
margin-top: 0.1rem;
font-size: 0.24rem;
color: #333333;
}
.about-4 .box .swiper-slide span {
font-size: 0.16rem;
color: #666666;
}
.about-4 .box .swiper-button-prev {
width: 0.6rem;
height: 0.6rem;
background: url(../img/about-4_left.png) center center no-repeat;
background-size: 100%;
top: auto;
bottom: 0;
left: 7.8rem;
outline: none;
}
.about-4 .box .swiper-button-next {
width: 0.6rem;
height: 0.6rem;
background: url(../img/about-4_right.png) center center no-repeat;
background-size: 100%;
top: auto;
bottom: 0;
right: 7.8rem;
outline: none;
}
.fwfw {
margin-bottom: 1.35rem;
}
.fwfw-1 {
margin: 0.85rem 1rem 0;
}
.fwfw-1 .about-title {
text-align: left;
width: 3rem;
float: left;
}
.fwfw-1 .about-title::after {
margin-left: 0;
}
.fwfw-1 .msg {
width: 12.5rem;
float: right;
font-size: 0.16rem;
color: #666666;
}
.fwfw-1 .msg p {
margin-bottom: 0.2rem;
}
.list-fwfw-epc {
margin: 0.9rem 1rem 0;
position: relative;
}
.list-fwfw-epc .box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
text-align: center;
}
.list-fwfw-epc .msg {
color: #fff;
}
.list-fwfw-epc .msg p {
font-size: 0.36rem;
}
.list-fwfw-epc .msg span {
font-size: 0.16rem;
}
.list-fwfw-epc .more {
width: 1.8rem;
height: 0.45rem;
line-height: 0.45rem;
border: 1px solid #fff;
margin: 40px auto 0;
font-size: 0.16rem;
color: #fff;
}
.list-fwfw-epc .more:hover {
background-color: #c9151e;
border: solid 0.01rem #c9151e;
}
.list-fwfw {
margin: 0.9rem 1rem 0;
}
.list-fwfw ul li {
width: 8.42rem;
height: 4.2rem;
float: left;
margin-right: 0.35rem;
position: relative;
}
.list-fwfw ul li:last-child {
margin-right: 0;
}
.list-fwfw ul li .title {
position: absolute;
left: 0.46rem;
top: 0.46rem;
color: #ffffff;
}
.list-fwfw ul li .title p {
font-size: 0.36rem;
}
.list-fwfw ul li .title span {
font-size: 0.14rem;
color: #ffffff;
opacity: 0.9;
}
.list-fwfw ul li .more {
width: 1.3rem;
height: 0.45rem;
line-height: 0.45rem;
text-align: center;
border: solid 0.01rem #ffffff;
font-size: 0.16rem;
color: #ffffff;
position: absolute;
left: 0.46rem;
bottom: 0.38rem;
}
.list-fwfw ul li .more:hover {
background-color: #c9151e;
border: solid 0.01rem #c9151e;
}
.fwfw-detail {
margin: 0.6rem 1rem 0.9rem;
position: relative;
padding-bottom: 1.05rem;
}
.fwfw-detail .introduce {
margin: 0.3rem 0 0.5rem 0;
text-align: left;
font-size: 0.16rem;
color: #666666;
}
.fwfw-detail .introduce div {
margin-bottom: 0.1rem;
}
.fwfw-detail .introduce span {
font-size: 0.2rem;
font-weight: bold;
color: #333;
display: block;
width: 10%;
float: left;
/* text-align-last: justify; */
text-align: right;
}
.fwfw-detail .introduce div div {
width: 80%;
float: left;
}
.fwfw-detail .introduce p {
margin-top: 0.03rem;
}
.fwfw-sj .introduce{
margin: 0.3rem 0 0.5rem 0;
}
.fwfw-detail .content {
position: relative;
float: left;
}
.fwfw-detail .content .msg {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
text-align: center;
color: #ffffff;
transform: translate(-50%,-50%);
}
.fwfw-detail .content .msg span {
font-size: 0.24rem;
color: #dddddd;
}
.fwfw-detail .content .msg p {
font-size: 0.4rem;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
margin-top: 0.1rem;
}
.fwfw-detail .content-1 {
width: 7.16rem;
height: 4.41rem;
}
.fwfw-detail .content-2 {
width: 2.48rem;
height: 2.2rem;
margin: 0 0 0.01rem 0.01rem;
}
.fwfw-detail .content-2 .msg span {
font-size: 0.16rem;
}
.fwfw-detail .content-2 .msg p {
font-size: 0.26rem;
margin-top: 0;
}
.fwfw-paging {
text-align: center;
margin: 0.55rem 0 0.8rem;
}
.fwfw-paging ol {
display: inline-block;
}
.fwfw-paging ol li {
width: 1.3rem;
height: 0.5rem;
margin: 0 0.3rem;
float: left;
}
.fwfw-detail .swiper-button-prev {
width: 1.3rem;
height: 0.5rem;
background: url(../img/fwfw-left.jpg) center center no-repeat;
background-size: 100%;
top: auto;
bottom: 0;
left: 7rem;
outline: none;
}
.fwfw-detail .swiper-button-next {
width: 1.3rem;
height: 0.5rem;
background: url(../img/fwfw-right.jpg) center center no-repeat;
background-size: 100%;
top: auto;
bottom: 0;
right: 7rem;
outline: none;
}
.fwfw-gc {
margin: 0 1.4rem;
}
.fwfw-gc .content-1 {
width: 8.0rem;
height: 4.4rem;
}
.fwfw-gc .content-2 {
width: 3.18rem;
height: 2.21rem;
}
.fwkh-1 {
position: relative;
background-color: #f8f8f8;
padding-top: 1.33rem;
}
.fwkh-1 .pic {
width: 13.55rem;
margin: 0 auto;
}
.fwkh-1 .msg {
width: 4.5rem;
position: absolute;
left: 1rem;
top: 1.2rem;
}
.fwkh-1 .msg .about-title,
.fwkh-2 .about-title {
text-align: left;
}
.fwkh-1 .msg .about-title::after,
.fwkh-2 .about-title::after {
margin-left: 0;
}
.fwkh-1 .msg .content {
font-size: 0.24rem;
color: #333333;
}
.fwkh-1 .msg .content i {
font-size: 0.6rem;
color: #c9151e;
font-weight: bold;
}
.fwkh-2 {
margin: 0.9rem 1rem 1.7rem;
}
.fwkh-2 .box {
margin-top: 0.2rem;
}
.fwkh-2 .box ul li {
width: 1.4rem;
height: 0.67rem;
float: left;
margin-right: 0.18rem;
border: 1px solid #efefef;
margin: 0.18rem 0.18rem 0 0;
overflow: hidden;
}
.spcf {
margin: 0.65rem 1rem 1.5rem;
}
.spcf .video-box {
border: solid 0.1rem #eeeeee;
margin: 0.5rem auto 0;
width: 75%;
position: relative;
cursor: pointer;
}
.spcf .video-box video {
width: 100%;
object-fit:fill;
}
.hxnl {
margin: 0.9rem 0 0;
}
.hxnl-1 {
margin: 0 1rem;
}
.hxnl-1 .content {
text-align: center;
font-size: 0.16rem;
color: #444444;
margin-top: 0.45rem;
line-height: 1.8;
}
.hxnl-1 ul li {
width: 25%;
float: left;
text-align: center;
margin-top: 0.7rem;
}
.hxnl-1 ul li p {
font-size: 1rem;
color: #c9151e;
font-weight: bold;
margin-bottom: 0.1rem;
}
.hxnl-1 ul li p i {
position: relative;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
}
.hxnl-1 ul li p i::after {
content: '+';
display: block;
font-size: 0.36rem;
color: #c9151e;
display: inline-block;
position: absolute;
right: -0.3rem;
top: 0.1rem;
}
.hxnl-1 ul li span {
font-size: 0.18rem;
}
.hxnl-2 {
background-color: #f5f5f5;
padding: 1.05rem 1rem 1.15rem;
margin-top: 1.4rem;
}
.hxnl-2 .content {
text-align: center;
font-size: 0.16rem;
color: #444444;
margin-top: 0.45rem;
line-height: 1.8;
}
.hxnl-2 .content i {
font-size: 0.18rem;
color: #c9151e;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
}
.hxnl-2 .box {
}
.hxnl-2 .box .title {
margin: 1.2rem 0 0.55rem;
}
.hxnl-2 .box .title p {
font-size: 0.3rem;
color: #333333;
font-weight: bold;
display: inline-block;
}
.hxnl-2 .box .title span {
font-size: 0.18rem;
color: #333333;
display: inline-block;
}
.hxnl-2 .box .pic {
width: 11.19rem;
margin: 0 auto;
}
.hxnl-3 {
background-color: #313131;
padding: 0.85rem 1rem 1.15rem;
}
.hxnl-3 .about-title p {
color: #fff;
text-align: left;
}
.hxnl-3 .about-title::after {
background-color: #ffffff;
margin-left: 0;
}
.hxnl-3 .content {
font-size: 0.16rem;
color: #ffffff;
margin-top: 0.5rem;
}
.hxnl-3 .box{
margin-top: 0.5rem;
}
.hxnl-3 ul li {
width: 7.6rem;
height: 2.15rem;
float: left;
margin-top: 0.48rem;
}
.hxnl-3 ul li:nth-child(even){
float: right;
}
.hxnl-4 {
margin: 1rem 1rem 1.25rem;
}
.hxnl-4 .hxnl-4-left {
float: left;
width: 2rem;
}
.hxnl-4 .hxnl-4-left .about-title p {
text-align: left;
}
.hxnl-4 .hxnl-4-left .about-title::after {
margin-left: 0;
}
.hxnl-4 .hxnl-4-right {
float: right;
width: 13.1rem;
}
.hxnl-4 .hxnl-4-right .content {
font-size: 0.16rem;
color: #444444;
line-height: 1.8;
}
.hxnl-4 .hxnl-4-right .box {
margin-top: 0.45rem;
}
.hxnl-4 .hxnl-4-right ul li {
width: 1.41rem;
height: 0.72rem;
float: left;
border: 1px solid #535353;
border-radius: 0.05rem;
overflow: hidden;
margin: 0.05rem 0 0 0.05rem;
}
.news {
margin: 0 1rem;
}
.news-top {
margin: 0.37rem 0 0;
height: 0.6rem;
}
.news-top .news-nav {
float: left;
margin-top: 0.1rem;
}
.news-top .news-nav ul li {
float: left;
margin-right: 0.2rem;
}
.news-top .news-nav ul li a {
font-size: 0.18rem;
color: #222222;
padding: 0 0.08rem 0.18rem;
}
.news-top .news-nav ul li.on a,
.news-top .news-nav ul li:hover a {
color: #c9151e;
border-bottom: 1px solid #c9151e;
}
.news-top .filtrate {
float: right;
}
.news-top .filtrate>p {
display: inline-block;
font-size: 0.14rem;
line-height: 0.6rem;
color: #333333;
float: left;
}
.news-top .filtrate select {
width: 1.6rem;
height: 0.6rem;
border: solid 0.01rem #e5e5e5;
padding-left: 0.2rem;
font-size: 0.14rem;
color: #333333;
background: url(../img/icon_xiala.png) center right 0.24rem no-repeat;
}
.news-top .filtrate select option:hover {
background-color: #c9151e;
}
.news-top .filtrate div {
width: 1.6rem;
height: 0.6rem;
border: solid 0.01rem #e5e5e5;
padding-left: 0.2rem;
font-size: 0.14rem;
color: #333333;
background: url(../img/icon_xiala.png) center right 0.24rem no-repeat;
float: left;
position: relative;
}
.news-top .filtrate div p {
line-height: 0.6rem;
cursor: pointer;
}
.news-top .filtrate div ul {
position: absolute;
left: 0;
top: 0.6rem;
width: 100%;
z-index: 20;
display:none;
background: #fff;
}
.news-top .filtrate div ul li {
height: 0.4rem;
line-height: 0.4rem;
font-size: 0.14rem;
color: #333;
padding-left: 0.2rem;
cursor: pointer;
}
.news-top .filtrate div ul li:hover {
background-color: #c9151e;
color: #fff;
}
.list-news {
}
.list-news ul li {
height: 2rem;
background-color: #f8f8f8;
margin-top: 0.25rem;
position: relative;
left: 0;
transition: all .5s;
}
.list-news ul li:hover {
left: -0.2rem;
transition: all .5s;
}
.list-news ul li .pic {
width: 3.5rem;
height: 2rem;
overflow: hidden;
float: left;
}
.list-news ul li .msg {
width: 10rem;
float: left;
margin-left: 0.8rem;
}
.list-news ul li .msg .title {
font-size: 0.24rem;
color: #333333;
font-weight: bold;
margin-top: 0.4rem;
}
.list-news ul li .msg .content {
font-size: 0.14rem;
color: #333333;
margin: 0.2rem 0;
}
.list-news ul li .msg .more {
font-size: 0.14rem;
color: #333333;
border-bottom: 1px solid #333333;
display: inline-block;
}
.list-news ul li .time {
float: right;
text-align: center;
width: 2rem;
margin-top: 0.7rem;
}
.list-news ul li .time p {
font-size: 0.36rem;
color: #888888;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
}
.list-news ul li .time span {
font-size: 0.14rem;
color: #888888;
}
.news-more {
margin: 0.7rem auto 1.2rem;
/* background-color: #eeeeee;
width: 1.8rem;
height: 0.6rem;
line-height: 0.6rem;
text-align: center; */
}
.news-more a {
font-size: 0.16rem;
color: #666666;
display: block;
}
.news-detail {
margin: 1.7rem 1rem 1.1rem;
}
.news-detail-left {
width: 11rem;
float: left;
}
.news-detail-left .title {
font-size: 0.4rem;
color: #333333;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
}
.news-detail-left .time {
font-size: 0.16rem;
color: #888888;
margin: 0.4rem 0 0.75rem;
}
.news-detail-left .project {
font-size: 0.16rem;
color: #333333;
margin-bottom: 0.2rem;
width: 8.2rem;
}
.news-detail-left .project .content {
margin-top: 0.3rem;
}
.news-detail-left .article {
font-size: 0.16rem;
color: #333333;
padding-bottom: 0.7rem;
border-bottom: 1px solid #d2d2d2;
}
.news-detail-left .article a {
font-weight: bold;
}
.news-detail-left .article img {
width: auto;
height: auto;
max-width: 100%;
margin: 0.1rem auto;
}
.news-detail-left .news-detail-paging {
margin-top: 0.5rem;
font-size: 0.16rem;
color: #333333;
}
.news-detail-left .news-detail-paging a {
color: #333333;
}
.news-detail-left .news-detail-paging ol li {
margin-bottom: 0.1rem;
}
.news-detail-right {
width: 4.7rem;
float: right;
}
.news-detail-right .title {
width: 4.7rem;
height: 0.6rem;
line-height: 0.6rem;
background-color: #eeeeee;
padding: 0 0.2rem;
font-size: 0.24rem;
color: #333333;
}
.news-detail-right ul li {
padding: 0.38rem 0;
border-bottom: 1px solid #eeeeee;
}
.news-detail-right ul li .pic {
width: 1.4rem;
height: 0.78rem;
float: left;
}
.news-detail-right ul li .msg {
width: 2.9rem;
float: right;
margin-right: 0.1rem;
}
.news-detail-right ul li .msg span {
font-size: 0.14rem;
color: #888888;
}
.news-detail-right ul li .msg p {
font-size: 0.14rem;
color: #333333;
margin-top: 0.1rem;
}
.lxwm-1 {
margin: 0.8rem 1rem 0;
}
.lxwm-1 .msg {
text-align: center;
}
.lxwm-1 .msg span {
font-size: 0.3rem;
color: #333333;
}
.lxwm-1 .msg p {
font-size: 0.48rem;
color: #333333;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
margin-top: 0.3rem;
}
.lxwm-1 .msg p i {
color: #c9151e;
}
.lxwm-1 .box {
margin-top: 0.85rem;
}
.lxwm-1 .box .title {
font-size: 0.36rem;
color: #333333;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
border-bottom: 1px solid #626262;
padding-bottom: 0.35rem;
}
.lxwm-1 .box ul {
margin-top: 0.5rem;
}
.lxwm-1 .box ul li {
width: 5.49rem;
height: 3.6rem;
background-color: #e5e5e5;
float: left;
margin-right: 0.35rem;
text-align: center;
padding-top: 0.9rem;
}
.lxwm-1 .box ul li:last-child {
margin-right: 0;
}
.lxwm-1 .box ul li .name {
font-size: 0.3rem;
color: #333333;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
margin-bottom: 0.4rem;
}
.lxwm-1 .box ul li .add,
.lxwm-1 .box ul li .tel {
font-size: 0.16rem;
color: #333333;
margin-bottom: 0.1rem;
}
.lxwm-1 .box ul li a {
font-size: 0.16rem;
color: #333333;
margin-top: 0.4rem;
display: block;
}
.lxwm-1 .box ul li a img {
width: 0.19rem;
margin-right: 0.1rem;
}
.lxwm-1 .box ul li .w,
.lxwm-1 .box ul li:hover .b {
display: none;
}
.lxwm-1 .box ul li .b,
.lxwm-1 .box ul li:hover .w {
display: inline-block;
}
.lxwm-1 .box ul li:hover {
background-color: #c9151e;
/*box-shadow: 0rem 0rem 0.12rem 0rem #c9151e;*/
}
.lxwm-1 .box ul li:hover .name,
.lxwm-1 .box ul li:hover .add,
.lxwm-1 .box ul li:hover .tel,
.lxwm-1 .box ul li:hover a {
color: #fff;
}
.lxwm-2 {
background: url(../img/lxwm-2_bg.jpg) center center no-repeat;
background-size: cover;
padding: 1.67rem 0 1.9rem;
margin-top: 1.1rem;
}
.lxwm-2 .title {
font-size: 0.3rem;
color: #ffffff;
text-align: center;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
}
.lxwm-2 .box {
text-align: center;
margin: 0.4rem auto 1rem;
}
.lxwm-2 .box ul {
display: inline-block;
}
.lxwm-2 .box ul li {
width: 0.7rem;
height: 0.7rem;
float: left;
margin: 0 0.12rem;
position: relative;
}
.lxwm-2 .box ul li .hide {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.7rem;
width: 1.2rem;
height: 1.33rem;
background: url(../img/qr_bg.png) center center no-repeat;
background-size: 100%;
padding: 0.15rem 0.02rem 0.02rem 0.02rem;
display: none;
}
.lxwm-2 .box ul li:hover .hide {
display: block;
}
.lxwm-2 input[type=text] {
width: 5.57rem;
height: 0.75rem;
background: transparent;
border: solid 0.01rem #ffffff;
font-size: 0.18rem;
color: #ffffff;
text-indent: 0.2rem;
float: left;
}
.lxwm-2 input[type=text]::placeholder {
color: #ffffff;
}
.lxwm-2 input[type=submit],
.lxwm-2 button {
width: 1.96rem;
height: 0.75rem;
background-color: #ffffff;
border: solid 0.01rem #ffffff;
font-size: 0.24rem;
color: #666666;
margin-left: -0.05rem;
cursor: pointer;
float: left;
}
.lxwm-2 .form {
width: 7.5rem;
margin: 0.55rem auto 0;
}
.lxwm-3 {
margin: 0.98rem 0 0.57rem;
}
.lxwm-3>.content {
text-align: center;
margin-top: 0.27rem;
}
.lxwm-3>.content span {
font-size: 0.16rem;
color: #666666;
}
.lxwm-3>.content a {
display: block;
width: 1.6rem;
height: 0.5rem;
line-height: 0.5rem;
border: solid 0.01rem #c9151e;
margin: 0 auto;
font-size: 0.16rem;
color: #c9151e;
margin-top: 0.43rem;
}
.lxwm-3 .box {
height: 7rem;
background-color: #eeeeee;
margin-top: 1rem;
}
.lxwm-3 .box-left {
width: 9.63rem;
height: 7rem;
float: left;
position: relative;
}
.lxwm-3 .box-left .msg {
width: 6.3rem;
height: 2.79rem;
background-color: rgba(201, 21, 30,0.7);
position: absolute;
left: 1.5rem;
top: 2rem;
padding: 0.65rem 1.05rem 0 0.6rem;
}
.lxwm-3 .box-left .msg .title {
font-size: 0.36rem;
color: #ffffff;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
margin-bottom: 0.35rem;
}
.lxwm-3 .box-left .msg .content {
font-size: 0.22rem;
color: #ffffff;
}
.lxwm-3 .box-right {
width: 6.8rem;
float: left;
margin: 0.58rem 0 0 1rem;
}
.lxwm-3 .box-right ul {
height: 5.5rem;
overflow: auto;
}
.lxwm-3 .box-right ul li {
margin-top: 0.23rem;
}
.lxwm-3 .box-right ul li .post {
width: 2.45rem;
color: #666666;
}
.lxwm-3 .box-right ul li .post p{
font-size: 0.2rem;
float: left;
width: 80%;
}
.lxwm-3 .box-right ul li .post p::after {
content: '+';
display: block;
font-size: 0.24rem;
color: #666666;
float: right;
}
.lxwm-3 .box-right ul li .post.on p::after {
content: '-';
color: #c9151e;
}
.lxwm-3 .box-right ul li .hide {
font-size: 0.14rem;
color: #222222;
margin-top: 0.25rem;
display: none;
}
.lxwm-3 .box-right ul li .post.on{
color: #c9151e;
}
.lxwm-3 .box-right ul li:first-child .hide {
display: block;
}
.page-gys {
margin-top: 0.9rem;
}
.lxwm-gys {
margin: 0.64rem 3.8rem 1.4rem;
}
.lxwm-gys .title {
font-size: 0.4rem;
color: #333333;
text-align: center;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
margin-bottom: 0.74rem;
}
.lxwm-gys label {
display: block;
float: left;
width: 5.5rem;
height: 1rem;
margin-bottom: 0.43rem;
}
.lxwm-gys label:nth-child(even){
float: right;
}
.lxwm-gys label p {
font-size: 0.16rem;
color: #333333;
margin-bottom: 0.2rem;
text-align: left;
}
.lxwm-gys label p::before {
content: '*';
display: inline-block;
font-size: 0.16rem;
color: #c9151e;
margin-right: 0.05rem;
}
.lxwm-gys label input,
.lxwm-gys label select {
width: 100%;
height: 0.6rem;
border: solid 0.01rem #7d7d7d;
font-size: 0.16rem;
color: #999999;
text-indent: 0.15rem;
}
.lxwm-gys label input::placeholder {
color: #999999;
}
.lxwm-gys label select {
background: url(../img/icon_gys.png) center right 0.25rem no-repeat;
}
.lxwm-gys label:last-child {
width: 100%;
}
.lxwm-gys label:nth-child(3) select {
width: 1.75rem;
margin-right: 0.06rem;
}
.lxwm-gys label:nth-child(3) select:last-child {
margin-right: 0;
}
.lxwm-gys a {
display: block;
width: 2.8rem;
height: 0.7rem;
line-height: 0.7rem;
text-align: center;
border: solid 0.01rem #7d7d7d;
font-size: 0.18rem;
color: #333333;
float: left;
margin: 0 0.25rem;
}
.lxwm-gys input[type=submit] {
width: 2.8rem;
height: 0.7rem;
line-height: 0.7rem;
text-align: center;
background-color: #c9151e;
font-size: 0.18rem;
color: #ffffff;
float: left;
margin: 0 0.25rem;
border: none;
cursor: pointer;
}
.lxwm-gys div {
text-align: center;
}
.lxwm-gys div ul {
display: inline-block;
}
.lxwm-gys div ul li {
float: left;
}
.cpzx {
margin: 0.45rem 1rem 0.83rem;
}
.cpzx .cpzx-top {
}
.cpzx .cpzx-top .cpzx-title {
text-align: left;
float: left;
}
.cpzx .cpzx-top .cpzx-title::after {
margin-left: 0;
}
.cpzx .cpzx-top .cpzx-nav {
float: right;
margin-top: 0.15rem;
}
.cpzx .cpzx-top .cpzx-nav ul li {
float: left;
margin-left: 0.1rem;
}
.cpzx .cpzx-top .cpzx-nav ul li a {
padding: 0 0.15rem;
height: 0.33rem;
line-height: 0.33rem;
font-size: 0.16rem;
color: #888888;
}
.cpzx .cpzx-top .cpzx-nav ul li.on,
.cpzx .cpzx-top .cpzx-nav ul li:hover {
background-color: #c9151e;
}
.cpzx .cpzx-top .cpzx-nav ul li.on a,
.cpzx .cpzx-top .cpzx-nav ul li:hover a {
color: #ffffff;
}
.cpzx .list-cpzx {
margin-top: 0.45rem;
}
.cpzx .list-cpzx ul li {
width: 4.2rem;
float: left;
margin: 0.1rem 0.13rem 0 0;
}
.cpzx .list-cpzx ul li:hover .title {
color: #c9151e;
}
.cpzx .list-cpzx ul li:nth-child(4n){
margin-right: 0;
}
.cpzx .list-cpzx ul li .pic {
height: 3rem;
}
.cpzx .list-cpzx ul li .pic-scale {
width: 100%;
height: 100%;
}
.cpzx .list-cpzx ul li .pic img {
height: 100%;
}
.cpzx .list-cpzx ul li .title {
font-size: 0.18rem;
color: #222222;
text-align: center;
padding: 0.2rem 0;
}
.cpzx .list-cpzx .more {
/* width: 1.8rem;
height: 0.6rem;
line-height: 0.6rem;
text-align: center;
background-color: #eeeeee; */
margin: 0.7rem auto 0;
text-align: center;
}
/* .cpzx .list-cpzx .more a {
font-size: 0.16rem;
color: #666666;
display: block;
} */
.cpzx-detail,
.cpzx-detail .swiper-container,
.cpzx-detail .swiper-slide div{
height: 100%;
}
.cpzx-detail {
position: relative;
}
.cpzx-detail::after {
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
z-index: 20;
}
.cpzx-detail {
overflow: hidden;
}
.cpzx-detail .swiper-button-prev {
width: 0.6rem;
height: 0.6rem;
background: url(../img/cpzx-detail_left.png) center center no-repeat;
background-size: 100%;
z-index: 150;
outline: none;
}
.cpzx-detail .swiper-button-next {
width: 0.6rem;
height: 0.6rem;
background: url(../img/cpzx-detail_right.png) center center no-repeat;
background-size: 100%;
z-index: 150;
outline: none;
}
.cpzx-detail {
position: relative;
}
.cpzx-detail .msg {
position: absolute;
left: 1rem;
bottom: 0.7rem;
z-index: 66;
}
.cpzx-detail .msg .title {
font-size: 0.3rem;
color: #ffffff;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
}
.cpzx-detail .msg .content {
font-size: 0.16rem;
color: #ffffff;
margin: 0.2rem 0;
}
.cpzx-detail .msg .content p {
margin-bottom: 0.05rem
}
.cpzx-detail .msg .more,
.cpzx-detail .msg .back {
width: 1.3rem;
height: 0.45rem;
line-height: 0.45rem;
text-align: center;
border: solid 0.01rem #ffffff;
float: left;
}
.cpzx-detail .msg .back {
margin-left: 0.4rem;
}
.cpzx-detail .msg .more a,
.cpzx-detail .msg .back a {
font-size: 0.16rem;
color: #ffffff;
display: block;
}
.cpzx-detail .msg .more:hover,
.cpzx-detail .msg .back:hover {
background-color: #c9151e;
border: solid 0.01rem #c9151e;
}
.cpzx-detail .msg .back:hover a {
color: #fff;
}
.cpzx-detail .list-btn {
width: 1.3rem;
height: 0.45rem;
line-height: 0.45rem;
text-align: center;
background-color: rgba(201, 21, 30, 0.8);
font-size: 0.16rem;
color: #ffffff;
position: absolute;
right: 1rem;
bottom: 0.7rem;
z-index: 66;
cursor: pointer;
}
.cpzx-list {
position: absolute;
top: 0;
right: -2.95rem;
height: 100%;
width: 2.95rem;
background-color: #ffffff;
box-shadow: 0rem 0rem 0.3rem 0rem
rgba(0, 0, 0, 0.1);
opacity: 0.98;
z-index: 102;
transition: all .5s;
}
.cpzx-list.open {
right: 0;
transition: all .5s;
}
.cpzx-list .back {
line-height: 0.75rem;
text-align: right;
padding-right: 0.27rem;
font-size: 0.16rem;
color: #888888;
border-bottom: 1px solid #f5f5f5;
cursor: pointer;
}
.cpzx-list .back img {
width: 0.09rem;
margin-left: 0.03rem;
}
.cpzx-list .first {
text-align: right;
line-height: 0.55rem;
}
.cpzx-list .first p {
padding-right: 0.55rem;
font-size: 0.16rem;
color: #333333;
position: relative;
cursor: pointer;
}
.cpzx-list .first p::before {
content: '';
display: block;
width: 0.13rem;
height: 0.08rem;
background: url(../img/icon_xiala.png) center center no-repeat;
background-size: 100%;
position: absolute;
left: 0.3rem;
top: 50%;
transform: translateY(-50%) rotate(90deg);
transition: all .5s;
}
.cpzx-list .first.on p::before,
.cpzx-list .first:hover p::before {
transform: translateY(-50%) rotate(0deg);
transition: all .5s;
}
.cpzx-list .second {
background-color: #f8f8f8;
display: none;
}
.cpzx-list .second span {
font-size: 0.16rem;
color: #666666;
display: block;
padding-right: 0.73rem;
position: relative;
cursor: pointer;
}
.cpzx-list .second span.on,
.cpzx-list .second span:hover {
color: #c9151e;
background: url(../img/icon_left.png) center left 0.3rem no-repeat #eee;
}
.cpzx-list .second div:hover .thirdh {
display: block;
}
.cpzx-list .thirdh {
position: absolute;
top: 0;
right: 2.95rem;
width: 3.55rem;
height: 100%;
background-color: rgba(248, 248, 248,0.9);
padding: 0.95rem 0.4rem 0 0;
display: none;
}
.cpzx-list .thirdh .box {
height: 90%;
overflow: auto;
padding-right: 0.2rem;
}
.cpzx-list .thirdh .box::-webkit-scrollbar {
/*滚动条整体样式*/
width: 5px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.cpzx-list .thirdh .box::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
background: #c9151e;
/* background-color: skyblue;
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%,
transparent 75%,
transparent
); */
}
.cpzx-list .thirdh .box::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #ededed;
border-radius: 10px;
}
.cpzx-list .thirdh a {
display: block;
font-size: 0.16rem;
color: #333333;
}
.cpzx-list .thirdh a:hover {
color: #c9151e;
}
.sidebar {
position: fixed;
right: 0.25rem;
bottom: 20%;
z-index: 29;
}
.sidebar ul li {
width: 0.5rem;
height: 0.5rem;
background-color: #434343;
margin-top: 0.01rem;
position: relative;
cursor: pointer;
}
.sidebar ul li a {
font-size: 0.16rem;
color: #fff;
padding: 0.02rem 0.08rem;
display: block;
}
.sidebar ul li:nth-child(2) {
padding-top: 0.15rem;
}
.sidebar ul li:nth-child(2) p img {
width: 0.23rem;
height: 0.23rem;
margin: 0 auto;
display: block;
}
.sidebar ul li:nth-child(2) .tel {
position: absolute;
left: -1.7rem;
top: 0;
padding: 0 0.15rem;
line-height: 0.5rem;
background-color: #c9151e;
color: #fff;
/* font-family: "FZLTCHJW"; */
font-family: "SourceHanSansCNBold";
}
.sidebar ul li div {
display: none;
}
.sidebar ul li:hover div {
display: block;
}
.sidebar ul li:nth-child(3) {
padding-top: 0.14rem;
}
.sidebar ul li:nth-child(3) p img {
width: 0.22rem;
height: 0.22rem;
margin: 0 auto;
display: block;
}
.sidebar ul li:nth-child(3) .qr {
position: absolute;
left: -1.4rem;
top: -0.33rem;
width: 1.33rem;
height: 1.2rem;
background: url(../img/sidebar_bg.png) center center no-repeat;
background-size: 100%;
padding: 0.02rem 0.15rem 0.02rem 0.02rem;
}
.sidebar ul li:last-child {
background-color: #c9151e;
padding-top: 0.18rem;
}
.sidebar ul li:last-child img {
width: 0.26rem;
margin: 0 auto;
display: block;
}
.cpzx-detail .msg-box {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 13.2rem;
/* height: 6.94rem; */
/* background-color: #ffffff; */
background-color: rgba(0, 0, 0, .52);
box-shadow: 0rem 0.1rem 0.4rem 0rem
rgba(6, 8, 11, 0.4);
/* border-radius: 0.2rem; */
z-index: 80;
padding: 0.65rem 0.95rem;
display: none;
}
.cpzx-detail .msg-box>.title {
font-size: 0.36rem;
color: #fff;
}
.cpzx-detail .msg-box ul {
margin-top: 0.1rem;
}
.cpzx-detail .msg-box ul li {
width: 4.2rem;
float: left;
margin-top: 0.1rem;
color: #fff;
}
.cpzx-detail .msg-box .introduce {
margin-top: 0.4rem;
}
.cpzx-detail .msg-box .introduce .title {
font-size: 0.24rem;
color: #fff;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 0.2rem;
margin-bottom: 0.2rem;
}
.cpzx-detail .msg-box .introduce .content {
font-size: 0.18rem;
color: #fff;
line-height: 0.3rem;
}
.cpzx-detail .msg-box .introduce .content h2 {
margin-bottom: 0.15rem;
}
.cpzx-detail .msg-box .introduce .content p {
line-height: 1.8;
}
.cpzx-detail .msg-box .close {
width: 0.18rem;
position: absolute;
top: 0.3rem;
right: 0.35rem;
cursor: pointer;
}
.paging {
text-align: center;
}
.paging div {
display: inline-block;
}
.paging div a,
.paging div span {
display: block;
width: 0.3rem;
height: 0.3rem;
line-height: 0.3rem;
background-color: #ffffff;
border: solid 0.01rem #dddddd;
float: left;
margin: 0 0.025rem;
font-size: 0.14rem;
color: #666666;
}
.paging div span,
.paging div a:hover {
background-color: #c9151e;
border: solid 0.01rem #c9151e;
color: #ffffff;
}
.paging div a:nth-child(2),
.paging div a:last-child {
width: 0.6rem;
}
.paging div a:first-child {
display: none;
}
#top-banner {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: transparent;
z-index: 1
}
#top-banner #top-banner-background #top-banner-background-1,
#top-banner #top-banner-background #top-banner-background-2,
#top-banner #top-banner-background #top-banner-background-3,
#top-banner #top-banner-background #top-banner-background-4,
#top-banner #top-banner-background #top-banner-background-5 {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%;
opacity: 1;
background-color: transparent;
z-index: 1;
overflow: hidden
}
#top-banner #top-banner-background #top-banner-background-1 div,
#top-banner #top-banner-background #top-banner-background-2 div,
#top-banner #top-banner-background #top-banner-background-3 div,
#top-banner #top-banner-background #top-banner-background-4 div,
#top-banner #top-banner-background #top-banner-background-5 div {
position: absolute;
top: 0;
left: 0;
width: calc(100vw + 100px);
height: 100%;
background-color: transparent;
z-index: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
transition: all 9s linear;
overflow: hidden
}
#top-banner #top-banner-background #top-banner-background-1 div.active,
#top-banner #top-banner-background #top-banner-background-2 div.active,
#top-banner #top-banner-background #top-banner-background-3 div.active,
#top-banner #top-banner-background #top-banner-background-4 div.active,
#top-banner #top-banner-background #top-banner-background-5 div.active {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 1;
}
#top-banner #top-banner-background #top-banner-background-1 div {
background: url(../img/banners_1.jpg);
-ms-background-size: cover;
background-size: cover;
background-position: 50% 85%;
background-repeat: no-repeat
}
#top-banner #top-banner-background #top-banner-background-2 div {
background: url(../img/banners_2.jpg);
-ms-background-size: cover;
background-size: cover;
background-position: 50% 85%;
background-repeat: no-repeat
}
#top-banner #top-banner-background #top-banner-background-3 div {
background: url(../img/banners_3.jpg);
-ms-background-size: cover;
background-size: cover;
background-position: 50% 85%;
background-repeat: no-repeat
}
/* #top-banner #top-banner-background #top-banner-background-4 div {
background: url(../img/banners_1.jpg);
-ms-background-size: cover;
background-size: cover;
background-position: 50% 85%;
background-repeat: no-repeat
}
#top-banner #top-banner-background #top-banner-background-5 div {
background: url(../img/banners_1.jpg);
-ms-background-size: cover;
background-size: cover;
background-position: 50% 85%;
background-repeat: no-repeat
} */
.inner-header-icon{
color: #ffffff;
height: 20px;
font-size:25px;
text-align: center;
float:right;
width: 25px;
position: relative;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;
}
.inner-header-icon:hover{
background-color: rgba(255,255,255,0.2);
cursor: pointer;
}
.inner-header-icon span{
position: absolute;
left: calc((100% - 25px) / 2);
top: calc((100% - 2px) / 2);
width: 25px;
height: 2px;
background-color: #000000;
}
.inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
}
.inner-header-icon span:nth-child(2){
opacity: 0;
}
.inner-header-icon span:nth-child(3){
transform: translateY(-4px) rotate(0deg);
}
.inner-header-icon-click span:nth-child(1){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: clickfirst;
}
.inner-header-icon-click span:nth-child(2){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: clicksecond;
}
.inner-header-icon-click span:nth-child(3){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: clickthird;
}
/*第一条线旋转动画*/
@keyframes clickfirst {
0% {
transform: translateY(4px) rotate(0deg);
}
100% {
transform: translateY(0) rotate(45deg);
}
}
/*第二条线淡入淡出动画动画*/
@keyframes clicksecond {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*第三条线旋转动画*/
@keyframes clickthird {
0% {
transform: translateY(-4px) rotate(0deg);
}
100% {
transform: translateY(0) rotate(-45deg);
}
}
.inner-header-icon-out span:nth-child(1){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outfirst;
}
.inner-header-icon-out span:nth-child(2){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outsecond;
}
.inner-header-icon-out span:nth-child(3){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outthird;
}
@keyframes outfirst {
0% {
transform: translateY(0) rotate(-45deg);
}
100% {
transform: translateY(-4px) rotate(0deg);
}
}
@keyframes outsecond {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes outthird {
0% {
transform: translateY(0) rotate(45deg);
}
100% {
transform: translateY(4px) rotate(0deg);
}
}